.index-swiper {
  --margin-left:10.3125%;
  width: 100%;
  height: 100vh;
  background: #000;
}
.index-swiper .swiper-slide {
  background: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.index-swiper .swiper-slide .txt {
  width: 370px;
  box-sizing: border-box;
  line-height: 1.4;
  height: 2.8em;
  font-size: var(--f-size-18);
  z-index: 930;
  margin-left: var(--margin-left);
}
.index-swiper .swiper-slide .color-circle {
  margin-top: -5%;
}
.index-swiper .swiper-slide .slogan {
  width: 1460px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-47%, -35%) scale(3);
  z-index: 925;
  font-size: var(--f-size-72);
  line-height: 1.2;
  opacity: 0;
}
.index-swiper .swiper-slide .slogan span {
  display: block;
}
.index-swiper .swiper-slide .slogan .cn {
  font-family: "AlibabaPuHuiTiH";
}
.index-swiper .swiper-slide .slogan .en {
  font-weight: 300;
  font-size: 0.45em;
  margin-top: 10px;
}
.index-swiper .swiper-slide .print-cursor {
  opacity: 0;
}
.index-swiper .swiper-slide .partners-group {
  width: 100vw;
  min-width: 1600px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.index-swiper .swiper-slide.scenes-item3 {
  background-image: url("../images/silhouette.gif?v=a54addd");
}
.index-swiper .swiper-slide.scenes-item3 .txt {
  width: 280px;
  height: 5.6em;
}
.index-swiper .swiper-slide.scenes-item5 {
  background-image: url("../images/scenes-bg5.jpg?v=ba9c1e4");
}
.index-swiper .swiper-slide.scenes-item5 .txt {
  position: absolute;
  left: 50%;
  height: auto;
  bottom: 19.92%;
  margin-left: 0;
}
.index-swiper .swiper-slide.scenes-item5 .txt p:nth-child(2) {
  height: 4.2em;
}
.index-swiper .swiper-slide.scenes-item6 {
  background-color: #000;
}
.index-swiper .swiper-slide.scenes-item6 .detail-con {
  position: relative;
  text-align: center;
  z-index: 910;
  color: #ffdc97;
  font-size: var(--f-size-18);
}
.index-swiper .swiper-slide.scenes-item6 .detail-con p {
  padding-top: 20px;
  line-height: 1.8;
}
.index-swiper .swiper-slide.scenes-item7 {
  background-image: url("../images/scenes-bg7.jpg?v=4596dba");
  justify-content: flex-start;
}
.index-swiper .swiper-slide.scenes-item7 .inner-con {
  width: 370px;
  margin-left: var(--margin-left);
}
.index-swiper .swiper-slide.scenes-item7 .inner-con h3 {
  font-family: "AlibabaPuHuiTiH";
  font-size: var(--f-size-72);
  line-height: 1.4;
  position: relative;
  padding-bottom: 50px;
}
.index-swiper .swiper-slide.scenes-item7 .inner-con h3:after {
  content: "";
  width: 178px;
  height: 28px;
  background: #43c0c5;
  position: absolute;
  left: 0;
  bottom: 0;
}
.index-swiper .swiper-slide.scenes-item7 .inner-con .info {
  padding: 40px 0 20px 0;
  font-size: var(--f-size-18);
}
.index-swiper .swiper-slide.scenes-item7 .person {
  right: 4.5%;
  bottom: 0;
}
.scenes-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 902;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.scenes-bg.scenes-bg2 {
  background-image: url("../images/scenes-bg2.jpg?v=74fa403");
}
.scenes-bg.scenes-bg4 {
  background-image: url("../images/scenes-bg4.jpg?v=b8cce5d");
}
.scenes-bg.scenes-bg5 {
  background-image: url("../images/scenes-bg5.jpg?v=ba9c1e4");
}
.scenes-bg.scenes-bg6 {
  background-image: url("../images/scenes-bg6.jpg?v=6fa3507");
}
.scenes-bg.scenes-bg2 {
  transition: filter 1.5s linear;
}
.scenes-bg.scenes-bg2.enter {
  animation: filterEnter 1.5s linear;
}
.scenes-bg.scenes-bg2.outer {
  filter: blur(10px);
}
.scenes-bg.scenes2-hills {
  background-image: url("../images/scenes2-hills.png?v=2e660d4");
  transform-origin: bottom center;
  background-position: bottom center;
}
.scenes-bg.scenes-bg5s {
  background-image: url("../images/scenes-bg5s.png?v=12b590b");
}
.scenes-bg.scenes-bg6 {
  animation: breatheFlash 7s linear infinite;
}
.scenes-bg.inner-con {
  background-color: #000;
  z-index: 903;
}

@keyframes filterEnter {
  0% {
    filter: blur(10px);
  }
  100% {
    filter: blur(0);
  }
}
@keyframes filterOuter {
  0% {
    filter: blur(0);
  }
  100% {
    filter: blur(10px);
  }
}
@keyframes breatheFlash {
  0% {
    opacity: 0.125;
    transform: scale(1.08);
  }
  30% {
    opacity: 0.7;
    transform: scale(1.03);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  60% {
    opacity: 1;
    transform: scale(1);
  }
  70% {
    opacity: 0.7;
    transform: scale(1.03);
  }
  100% {
    opacity: 0.125;
    transform: scale(1.08);
  }
}
.breatheFlash {
  animation: breatheFlash 5s linear infinite;
}

.color-circle {
  width: 44.79vw;
  max-width: 860px;
}
.color-circle img {
  animation: rotate 3s linear infinite;
}

.person {
  width: 47.083%;
  position: absolute;
  transform-origin: center center;
}
.person > div {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.person .person-front {
  z-index: 910;
}
.person .FT-circle {
  z-index: 906;
}
.person .FT-circle:after {
  content: "";
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: 2%;
  top: 2%;
  background: #fbd78e;
  border-radius: 50%;
  background-image: -webkit-radial-gradient(center center, circle contain, #fbd78e 0%, #c8cc9b 25%, #fbd78e 40%, #c8cc9b 80%, transparent 100%);
  box-shadow: 0 0 50px rgba(251, 220, 153, 0.8);
  opacity: 0.4;
  transform: scale(1);
  animation: FTCircleAni 5s linear infinite;
  -webkit-animation: FTCircleAni 5s linear infinite;
}
.person .person-back {
  z-index: 901;
}

.partners-scrolling {
  width: 200%;
  display: flex;
  position: relative;
  transform: translate(-50%, 0);
}
.partners-scrolling .scrolling-item {
  width: 50%;
  opacity: 0.5;
}

@media screen and (max-width: 1920px) {
  .index-swiper .swiper-slide .slogan {
    width: 1200px;
  }
}
@media screen and (max-width: 1460px) {
  .color-circle {
    width: 480px;
  }
  .index-swiper .swiper-slide .slogan {
    width: 75%;
  }
  .index-swiper .swiper-slide.scenes-item6 .detail-con {
    max-width: 1200px;
    padding: 0 25px;
  }
}
@media screen and (max-width: 768px) {
  .color-circle {
    width: 430px;
  }
  .index-swiper {
    --margin-left:20px;
  }
  .index-swiper .swiper-slide .txt {
    width: 70%;
    max-width: 320px;
  }
  .index-swiper .swiper-slide.scenes-item3 {
    justify-content: center;
    align-items: flex-start;
  }
  .index-swiper .swiper-slide.scenes-item3 .txt {
    margin-top: 20vh;
    margin-left: 10vw;
  }
  .index-swiper .swiper-slide.scenes-item5 .txt {
    bottom: auto;
    top: 15%;
    left: calc((100vw - 320px) / 2);
  }
  .index-swiper .swiper-slide.scenes-item6 .txt {
    margin-top: -20vw;
  }
  .index-swiper .swiper-slide.scenes-item6 .detail-con {
    max-width: 88%;
  }
  .index-swiper .swiper-slide.scenes-item7 {
    justify-content: center;
  }
  .index-swiper .swiper-slide.scenes-item7 .inner-con {
    width: 50vw;
    margin-left: 0;
    margin-bottom: 35vw;
  }
  .index-swiper .swiper-slide.scenes-item7 .inner-con h3 {
    line-height: 1.2;
    padding-bottom: 40px;
  }
  .index-swiper .swiper-slide.scenes-item7 .inner-con h3:after {
    width: 132px;
    height: 22px;
  }
  .index-swiper .swiper-slide.scenes-item7 .inner-con .info {
    padding: 20px 0 20px 0;
  }
  .index-swiper .swiper-slide.scenes-item7 .person {
    right: 22vw;
  }
  .person {
    width: 56vw;
  }
}
@media screen and (max-width: 480px) {
  .color-circle {
    width: 85%;
  }
  .person {
    width: 65vw;
  }
  .index-swiper .swiper-slide .slogan {
    width: 80%;
    transform: translate(-50%, -50%) scale(3);
  }
  .index-swiper .swiper-slide.scenes-item4 .txt {
    margin-top: 20vw;
    height: 4.2em;
  }
  .index-swiper .swiper-slide.scenes-item5 .txt {
    left: 15vw;
  }
  .index-swiper .swiper-slide.scenes-item6 .txt {
    width: 60%;
    height: 4.2em;
  }
  .index-swiper .swiper-slide.scenes-item6 .detail-con {
    max-width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: justify;
    margin-bottom: 15%;
  }
  .index-swiper .swiper-slide.scenes-item6 .detail-con p {
    line-height: 1.5;
  }
  .index-swiper .swiper-slide.scenes-item7 .inner-con {
    width: 60vw;
    margin-bottom: 42vw;
  }
  .index-swiper .swiper-slide.scenes-item7 .person {
    right: 17.5vw;
  }
}